<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示 abcEditor HTML富文本编辑器</title>
</head>
<body style="font-size:14px;line-height:22px;font-family:consolas,microsoft yahei,SimSun;">

<form method="post">

<textarea id="content" name="content" cols="80" rows="10">
<div align="center">
<br />
<font size="4">
❖ <font color="red">abcEditor</font>
<font color="blue">HTML</font>
<font color="black">富文本编辑器</font>
<font color="green">V16.04</font>
</font>
<br /><br />
<i>JS单文件 只有10几KB 加载快速</i> <u>调用简单 使用方便 简洁实用</u><br />
<font style="background-color: green;" color="beige">index.html　演示说明文件</font><br />
<font style="background-color: yellow;" color="blue">abcedit.js　编辑器功能文件</font><br />
<strong>作者邮箱：<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=289895877@qq.com">289895877@qq.com</a></strong><br />
<img src="https://www.baidu.com/img/baidu_jgylogo3.gif">
</div>
</textarea>

<!--
ABC编辑器 使用方法：
1. (可选) 指定IE浏览器模式 避免极少数功能在某些浏览器中无法使用
在网页头部 <head></head> 标签内 加入这句： <meta http-equiv="X-UA-Compatible" content="IE=8" />
2. (必须) 把以下代码放到需要替换的textarea文本输入框的下面 然后设置参数即可
-->
<!-- 代码开始 -->
<script type="text/javascript">
    var abcEditID = "content";   //设置id 需要和被替换的textarea文本输入框id一致
    var abcEditWidth = "600px";  //设置编辑器宽度 可使用像素单位或百分比 例如："600px"或"100%"
    var abcEditHeight = "250px"; //设置编辑器高度
</script>
<script type="text/javascript" src="abcedit.js"></script>
<!-- 代码结束 -->

<p><input type="submit" value="提交" /></p>

</form>
</body>
</html>